What is a Div Element?

The div (division) element is a block-level container used to group elements for styling and layout purposes.

Div as a Container

Div as a Container

This div acts as a container holding text and other elements.

Center Align a Div

Centered Div

This div is centered using margin: auto.

Multiple Div Elements

Div 1
Div 2
Div 3

Aligning Div Elements Side by Side

Float Method

Float Left
Float Left

Inline-Block Method

Inline-Block
Inline-Block

Flexbox Method

Flex Item 1
Flex Item 2
Flex Item 3

Grid Method

Grid Item 1
Grid Item 2
Grid Item 3